<template>

  <div class="search" >
    <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
      <el-select v-model="select" slot="prepend" placeholder="请选择">
        <el-option label="旅游景点" value="1"></el-option>
        <!-- <el-option label="旅游路线" value="2"></el-option> -->
        <el-option label="资讯推荐" value="3"></el-option>
      </el-select>
      <el-button slot="append" icon="el-icon-search" @click="search"></el-button>
    </el-input>
  </div>

</template>

<script>
export default {
  name: "Search",
  data() {
    return {
      input1: "",
      input2: "",
      input3: "",
      select: "",
    };
  },
  methods: {
    search(){
      
    }
  }
};
</script>

<style> 
/* .search {
  margin-left: 20%;
  margin-right: 20%;
} */
.search {
  position: absolute;
  z-index: 200;
  margin-top: -200px;
  margin-left: 358px;
  width: 792px;
}

.el-select .el-input {
  width: 130px;
}
.input-with-select .el-input-group__prepend {
  background-color: #fff;
}
</style>